<header>
	<a href="#back-line">Volver al Backline</a>
	<h1>Batería</h1>
</header>
<section class="instrument drums">
	<form class="musico" action="">
		<input type="text" name="nombre-musico" placeholder="Nombre del músico" ng-model="artistName">
	</form>
	<a class="save" href="#" ng-click="save($event); updateDataListChannel()">Guardar</a>
	<div class="clear"></div>
	<section class="col left">
		<div class="sets">
			<h3>Sets</h3>
			<ul id="setControl">
				<li>
					<a href="#" ng-click="setSet($event,'Set 1 (2 toms)')">Set 1 </br><span>(2 toms)</span></a>
				</li>
				<li>
					<a href="#" ng-click="setSet($event,'Set 2 (3 toms)')">Set 2 </br><span>(3 toms)</span></a>
				</li>
				<li>
					<a href="#" ng-click="setSet($event,'Set 3 (2 bombos, 3 toms)')">Set 3 </br><span>(2 bombos,3 toms)</span></a>
				</li>
			</ul>
		</div>
		<div class="brand">
			<h3>Marca</h3>
			<ul id="brandControl" ng-model="drumOptions.mic">
				<li ng-repeat="brand in drumOptions.brand">
					<a href="#" ng-click="setBrand($event,brand)">{{brand}}</a>
				</li>
			</ul>
			<form class="serie" action="">
				<input type="text" name="serie" placeholder="ESCRIBE AQUÍ LA SERIE" ng-model="serie">
			</form>
		</div>
		<div class="position">
			<h3>Posición</h3>
			<ul id="positionControl">
				<li ng-repeat="n in [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15] track by $index">
					<a href="#" ng-click="setPosition($event,n)">{{n}}</a>
				</li>
			</ul>
		</div>
	</section>
	<section class="col right">
		<div class="slider-container">
			<h3>Micrófonos</h3>
			<div class="pieza">
				<ul class="bxslider" ng-model="drumOptions.micParts">
					<li ng-repeat="micPart in drumOptions.micParts track by $index">
						<form class="canal" action="">
							Canal:
							<div class="counter">
								<span class="number" ng-init="getFirstAvailableChannel($index)" ng-model="channel[$index]">{{channel[$index]}}</span>
								<span class="btn-add" ng-click="change('add',$index)">+</span>
								<span class="btn-sub" ng-click="change('sub',$index)">-</span>
							</div>
						</form>
						<figure><img src="images/{{micPart.image}}">
						</figure>
						<ul id="partsControl" class="brand">
							<li ng-repeat="reference in micPart.options">
								<a href="#" ng-click="setConfigMic($event, reference, micPart.name, channel[$index], $parent.$index)">{{reference}}</a>
							</li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
	</section>
</section>